<template>
  <div id="app">
      <div>
        <router-link to="/home" active-class="abc">首页</router-link>
        <router-link to="/list" active-class="abc">列表</router-link>
        <router-link to="/mine" active-class="abc">我的</router-link>
      </div>

      <!--就是让路由组件显示出来  vue-router里面提供的标签-->
      <router-view></router-view>
  </div>
</template>

<style lang="scss">
  // .router-link-active{
  //   color:red;
  // }
  // .router-link-exact-active{
  //   color:orange
  // }

  .abc{
    color:red;
  }
</style>

<script>
export default {
  created(){
    // console.log(this)
  }
}



</script>




